<template>
	<view id="appbw">

		<view class="lh100 f28 c666">


			<view class="layoutw90 mt30 df dfsb lh40 pb30 bdb1sE">
				商家logo
				<view class="w70p c333 df aic fww">
					<image src="/static/2877.png" class="wh140 br10"></image>
				</view>
			</view>

			<view class="layoutw90 df dfsb aic bdb1sE">
				商家名称
				<input class="w70p c333 lh100" type="text" placeholder="请输入商家名称" placeholder-class="f28" />
			</view>

			<view class="layoutw90 df dfsb aic bdb1sE">
				商家地址
				<view class="w70p c333">
					<!-- 省市区 -->
					<picker mode='region' @change="changeregion">
						<view class="df dfsb aic">
							<view class="c798297 w90p mr15 thd">{{pages.region1?pages.region1:'请选择商家地址'}}</view>
							<Icons type="right" color="c999" class="f32"></Icons>
						</view>
					</picker>
					<!-- 详细地址 -->
					<view class="df dfsb aic" @click="addres">
						<text class="c798297 w90p thd">{{pages.address?pages.address:'请选择详细地址'}}</text>
						<Icons type="right" color="c999" class="f32"></Icons>
					</view>
				</view>
			</view>

			<view class="layoutw90 df dfsb bdb1sE">
				商家介绍
				<view class="w70p mt30">
					<textarea class="w100p mb20 c333 lh40" placeholder="请输入文字介绍" placeholder-class="lh40" />
				</view>
			</view>

			<view class="layoutw90 mt30 df dfsb lh40 pb10 bdb1sE">
				商家资质
				<view class="w70p c333 df aic fww">
					<image src="/static/2877.png" class="wh140 mb20 br10 mr15"></image>
					<view class="df aic pr mb20" v-for="(item,index) in images" :key="index">
						<image :src="item" class="wh140 br10 mr15"></image>
						<view src="" class="pa t10 bEB5A43 r25 wh25 br100"></view>
					</view>
				</view>
			</view>



			<view class="layoutw90 df dfsb aic bdb1sE">
				商家法人姓名
				<input class="w70p c333 lh100" type="text" placeholder="请输入商家法人姓名" placeholder-class="f28" />
			</view>

			<view class="layoutw90 df dfsb aic bdb1sE">
				法人电话
				<input class="w70p c333 lh100" type="text" placeholder="请输入法人电话" placeholder-class="f28" />
			</view>

			<view class="layoutw90 df dfsb aic bdb1sE">
				法人身份证
				<input class="w70p c333 lh100" type="text" placeholder="请输入法人身份证" placeholder-class="f28" />
			</view>

			<view class="layoutw90 df dfsb aic">
				商家客服电话
				<input class="w70p c333 lh100" type="text" placeholder="请输入商家客服电话" placeholder-class="f28" />
			</view>


		</view>

		<view class="bDFF6D9 pf b0 w100p tac lh100 fwb f34 c333 zin9999" @click="confirm">入驻</view>

		<view class="ptb50 mt100"></view>
	</view>
</template>

<script>
	// 定义全局变量
	var that;

	// 默认
	export default {

		// 定义页面变量
		data() {

			return {

				// 建立页面参数
				param: {},

				// 建立页面图片库
				images: ['/static/2867.png', '/static/2867.png'],


				// 建立页面变量
				pages: {
					// 地区
					region1: '',

					// 地址
					address: '',
				},

				// 建立页面数据
				info: {},

			}

		},

		// 获取后
		onLoad() {

			// 赋值
			that = this;

		},

		// 显示后
		onShow() {

		},

		// 方法列表
		methods: {

			// 选择地区
			changeregion(e) {
				// join 对象转换为 以/隔开的字符串
				that.pages.region1 = e.detail.value.join('/');
			},

			// 地图选点
			addres() {
				uni.chooseLocation({
					success: function(res) {
						that.pages.address = res.address;
						// console.log('位置名称：' + res.name);
						// console.log('详细地址：' + res.address);
						// console.log('纬度：' + res.latitude);
						// console.log('经度：' + res.longitude);
					}
				});
			},

			// 入驻
			confirm() {
				uni.navigateTo({
					url:'/pages/task/result',
				})
			},

		},

	}
</script>

<style>


</style>
